/*
 基于 axios 封装的请求模块
*/

import axios from 'axios'
import JSONbig from 'json-bigint'

// 创建一个 axios 实例，通过这个实例去发请求
// 返回值 request ，自定义名称，根据自己喜欢或者项目名称
const request = axios.create({
  // 请求的基础路径
  baseURL: 'http://ttapi.research.itcast.cn/',

  // 定义后端返回的原始数据的处理
  // 参数 data 就是后端返回的原始数据（未经处理的 JSON 格式字符串）
  transformResponse: [function(data) {
    // console.log(data)
    /*
      后端返回的数据可能不是 JSON 格式字符串
      如果不是的话，那么 JSONbig.parse 调用就会报错
      所以使用 try-catch 来捕获异常，处理异常的发送
    */
    try {
      // 如果转换成功，则直接把结果返回
      return JSONbig.parse(data)
    } catch (err) {
      console.log('转换失败', err)
      // 如果转换失败了，则进入这里
      // 我们在这里把数据原封不动的直接返回给请求使用
      return data
    }

    // axios 默认在内部使用 JSON.parse 来转换处理原始数据
    // return JSON.parse(data)
  }]

})

// 请求拦截器
// https://github.com/axios/axios#interceptors
// 使用创建的 request 实例名， 默认 axios
request.interceptors.request.use(
  // 任何所有请求会经过这里
  // config 是当前请求相关的配置信息对象
  // config 是可以修改的
  function(config) {
    // 获取本地存储的 user 信息
    const token = JSON.parse(window.localStorage.getItem('token'))

    // 如果有登录用户信息，则统一设置 token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }

    // 然后我们就可以在允许请求出去之前定制统一业务功能处理
    // 例如：统一的设置 token

    // 当这里 return config 之后请求在会真正的发出去
    return config
  },
  // 请求失败，会经过这里
  function(error) {
    return Promise.reject(error)
  }
)

// 响应拦截器

//  导出请求的方法
export default request
